<!--分页显示栏开始-->
<div th:fragment="incPage">
    <div class="row no-margins no-padding ljLayPage">
        <div class="pull-right tablePage" id="tablePage"></div>
    </div>
    <script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
        layui.use(["jquery", 'laypage'], function () {
            var laypage = layui.laypage;
            let pageNum = [[${page?.pageNum}]];
            let numPerPage = [[${page?.numPerPage}]];
            let $ = layui.jquery;
            laypage.render({
                elem: 'tablePage',
                count: [[${page?.totalCount}]],
                limit: [[${page?.numPerPage}]],
                curr: pageNum,
                limits: [10, 16, 20, 40, 60, 80, 100],
                layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
                groups: 5,
                skip: true,
                jump: function (obj, first) {
                    if (!first && (obj.curr != pageNum || obj.limit != numPerPage)) {
                        $("#pagerForm input[name=pageNum]").val(obj.curr);
                        $("#pagerForm input[name=numPerPage]").val(obj.limit);
                        $("#pagerForm").submit();
                    }
                }
            });
        });
        /*]]>*/
    </script>
</div><!--分页显示栏结束-->